<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-10-19 16:15
  PageName：d_practice4_Shadow.html
  Function：实战案例 - 设计阴影白边效果
  URL：http://localhost:8080/f_image/f5_practice/d_practice4_Shadow.html
-->

<head>
    <meta charset="UTF-8">
    <title>实战案例 - 设计阴影白边效果</title>

    <style type="text/css">
        body {
            background: #F0EADA;
        }

        img {
            background: white;
            padding: 5px 5px 9px 5px;
            background: white url(images/shad_bottom.gif) repeat-x bottom left;
            border-left: 2px solid #dcd7c8;
            border-right: 2px solid #dcd7c8;
        }
    </style>
</head>

<body>
<img src="images/TD.jpg" width="400">
</body>
</html>